<template>
  <div>
    <div class="header">
      <div class="logo">
        <img src="../../assets/imgs/logo.jpg" alt="">
      </div>
      <div class="title">
        <el-menu :default-active="$route.path" mode="horizontal" :router="true">
          <el-menu-item index="/">首页</el-menu-item>
          <el-submenu index="intellectualProperty">
            <template slot="title">服务领域</template>
            <el-menu-item index="/intellectualProperty">知识产权</el-menu-item>
            <el-menu-item index="/tradeMark">商标买卖</el-menu-item>
          </el-submenu>
          <!-- <el-submenu index="3">精英团队</el-submenu> -->
          <el-menu-item index="/teamElite">精英团队</el-menu-item>
          <el-submenu index="/industryNews">
            <template slot="title">法律法规</template>
            <el-menu-item index="/industryNews">业界新闻</el-menu-item>
            <!-- <el-menu-item index="/latestPolicy">最新政策</el-menu-item> -->
            <el-menu-item index="/trademarkClassification">商标分类</el-menu-item>
          </el-submenu>
          <el-submenu index="/about">
            <template slot="title">关于台京</template>
            <el-menu-item index="/about">台京简介</el-menu-item>
            <el-menu-item index="/honor">荣誉资质</el-menu-item>
            <el-menu-item index="/corporateCulture">企业文化</el-menu-item>
            <el-menu-item index="/contact">联系我们</el-menu-item>
          </el-submenu>
        </el-menu>
      </div>

    </div>
    <div>
      <div class="block">
        <el-carousel trigger="click" height="400px" :interval="2000">
          <el-carousel-item>
            <div class="imgWrap">
              <img src="../../assets/imgs/banner.png" alt="">
            </div>
          </el-carousel-item>
          <el-carousel-item>
            <div class="imgWrap">
              <img src="../../assets/imgs/banner1.jpg" alt="">
            </div>
          </el-carousel-item>

          <el-carousel-item>
            <div class="imgWrap">
              <img src="../../assets/imgs/banner2.png" alt="">
            </div>
          </el-carousel-item>
        </el-carousel>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'Header',
    data() {
      return {
      }
    },
    methods: {
    },
    mounted () {
    }
  }
</script>
<style scoped>
.header{
  width: 100%;
  height: 90px;
}
.header div{
  float: left;
}
.logo{
  width: 40%;
  margin-top: 16px;
}
.logo img{
  width: 400px;
  margin-left: 50px;
}
.title{
  width: 57%
}
.imgWrap{
  height: 100%;
  width: 100%;
}
.imgWrap img{
  height: 100%;
  width: 100%;
}
</style>
